﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Video.aspx.cs" Inherits="OpenWaves.Video.Showcase.Video" %>
<%@ Register TagPrefix="ow" Namespace="OpenWaves.Video.Web" Assembly="OpenWaves.Video" %>
<%@ Register TagPrefix="ow" Namespace="OpenWaves.Video.Web.Controls" Assembly="OpenWaves.Video" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>
        $(function () {

            $("#vimeo_start").click(function () {
                $("#<%= VimeoControl.ClientID %>").video('play');
                return false;
            });
            
            $("#vimeo_stop").click(function () {
                $("#<%= VimeoControl.ClientID %>").video('stop');
                return false;
            });

            $("#yt_start").click(function () {
                $("#<%= VideoControl1.ClientID %>").video('play');
                $("#<%= VideoControl2.ClientID %>").video('play');
                return false;
            });

            $("#yt_stop").click(function () {
                $("#<%= VideoControl1.ClientID %>").video('stop');
                $("#<%= VideoControl2.ClientID %>").video('stop');
                return false;
            });
        });
    </script>
    <title>Video Tests</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <ow:Video ID="VimeoControl" VideoUrl="https://vimeo.com/7100569" Width="500" Height="300" runat="server" CssClass="videoClass" EnableClientSideApis="true"/>
    <a href="#" id="vimeo_start">Start</a> | <a href="#" id="vimeo_stop">stop</a>
        <br />
        <br />
    <ow:Video ID="VideoControl1" VideoUrl="http://www.youtube.com/watch?v=XhUC34G04Ts" Width="500" Height="300" runat="server" CssClass="videoClass" EnableClientSideApis="true" IncludeVideoPluginScript="true"/>
    <a href="#" id="yt_start">Start</a> | <a href="#" id="yt_stop">stop</a>
    
    <ow:Video ID="VideoControl2" VideoUrl="  http://www.youtube.com/watch?v=CMq2xFb0juI" Width="500" Height="300" runat="server" CssClass="videoClass" EnableClientSideApis="true" IncludeVideoPluginScript="true"/>
    
    
    <ow:VideoThumbnail ID="VideoThumbnail" VideoUrl="  http://www.youtube.com/watch?v=CMq2xFb0juI" Width="500" Height="300" runat="server" EnableClientSideApis="true"/>
  
    </div>
    </form>
</body>
</html>
